<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>__SITENAME__</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/css/public.css" rel="stylesheet" />
    <link href="__DOMAINURL____WEBSITEDIR____PLUGINS__/css/fonts/iconfont.css" rel="stylesheet" type="text/css" />
    <script src="__DOMAINURL____WEBSITEDIR____PLUGINS__/jQuery/jquery-2.2.3.min.js"></script>
    <script src="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/vue.min.js"></script>
    <script src="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/layer/layer.js"></script>
    <script src="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/public.js?v=80"></script>
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/layer/need/layer.css" rel="stylesheet" />
    <style>body { padding-bottom: 70px; }</style>
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/css/jjr.css" rel="stylesheet" />

    <style>
        .yebz_but {
            height: 40px;
            line-height: 40px;
            border: 0;
            background-color: #2e99ec;
            font-size: 13px;
            width:100%;
            color: #FFF;
            cursor:pointer;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            text-align: center;
            display: block;
        }
        .yebz_but {
            margin-top: 10px;
            margin-bottom:5px;
        }
    </style>
</head>

<body>
<div class="loader">
    <div class="act">
        <div class="spinner">
            <div class="double-bounce1"></div>
            <div class="double-bounce2"></div>
        </div>
    </div>
    <div class="bg"></div>
</div>
<script>
    var vue;
    $(function () {
        vue = new Vue({
            el: "#history",
            data: {
                more_btn_str: '点击加载更多',
                data: null,
                active: -1,//当前展开
                mobile_phone:"",
            },
            methods: {
                init: function () {
                    this.getData(1);
                },
                getData: function (page) {
                    var PageSize = 20;
                    var StartIndex = page;
                    var self = this;
                    loadshow();
                    postMsg('__DOMAINURL____WEBSITEDIR__/agent/userList', { 'page': StartIndex, 'pageSize': PageSize, 'mobile_phone':self.mobile_phone }, function (data) {
                        loadhide();
                        data.page = page;
                        data.end_page = data.totals / PageSize;
                        if (self.data != null && StartIndex > 1) {
                            data.data = self.data.data.concat(data.data);
                        }
                        self.data = data
                    })
                },
                nextPage: function () {
                    this.getData(this.data.page + 1);
                },
                ConvertJSONOrderID: function (t) {
                    var r = $.ConvertJSONOrderID(t)
                    return r;
                }
            },
        });
        vue.init();
    })
</script>
<div id="history" class="bill-details">
    <div class="heider">
        <div class="title" style="font-size:12px;line-height:26px;"><i class="iconfont icon-my"></i>&nbsp;&nbsp;&nbsp;&nbsp;总人数{$totals}人</div>
        <div style="margin-top:10px;border:1px solid #d4d4d4;border-radius:3px;"><input type="text" v-model="mobile_phone" v-bind:value="mobile_phone" placeholder="请输入手机号码"></div>
        <button id="yebz_but" class="yebz_but" @click="getData(1)">搜索</button>
    </div>
    <div class="commission-detail list-bill uk-block  uk-block-default">
        <table>
            <thead>
            <tr>
                <th class="txt_left">昵称</th>
                <th class="txt_left">手机号</th>
                <th class="txt_left">余额</th>
                <th class="txt_left" width="100px">注册时间</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="item in data.data">
                <td class="txt_left">{{item.nick_name}}</td>
                <td class="txt_left">{{item.mobile_phone}}</td>
                <td class="txt_left">{{item.balance}}</td>
                <td class="txt_left">{{item.datetime}}</td>
            </tr>
            </tbody>
        </table>
        <a class="bottom_more" @click="nextPage()" v-if="data.end_page>data.page">{{more_btn_str}}</a>
        <a class="bottom_no_more" v-if="data.end_page<=data.page">没有更多了~</a>
    </div>
</div>
</body>

</html>